<!DOCTYPE html>
<html style="font-size: 16px">
<head>

<meta name="viewport" content="width=800">
<style>
  body {
    width: 800px;
    margin: 0;
    overflow-y: hidden;
  }
</style>

<script src="resources/autosizingTest.js"></script>

</head>
<body>

<div>
    This paragraph should be autosized to 40px computed font-size (16 * 800/320),
    whereas the buttons below should be rendered at their default font size and
    the accompanying text below should remain 16px.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua.
</div>

<div>
    Submit button
    <input type="submit" value="Find">
</div>
<div>
    Simple button
    <input type="button" value="Button">
</div>
<div>
    Reset button
    <input type="reset" value="Reset">
</div>
<div>
    Inline button
    <button>InlineButton</button>
</div>

</body>
</html>
